.leaf-node-info {
	margin-left: 1.5rem;
	padding: 2.5rem;
	overflow: auto;
	border: 1px solid var(--color-border-2);
	border-radius: 4px;

	.empty {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.empty-msg {
		margin-top: 0.5rem;
	}

	.item {
		display: flex;

		& + .item {
			margin-top: 2.5rem;
		}

		.label {
			width: 5em;
			min-width: 5em;
			color: var(--color-text-2);
			white-space: nowrap;
			text-align: right;
			cursor: default;
			user-select: none;
		}

		.value {
			margin-left: 1.5rem;
			word-break: break-all;

			&.datetime {
				color: var(--color-5);
			}

			&.safe {
				color: var(--color-success);
			}

			&.abnoraml {
				color: var(--color-error);
			}
		}

    .abnoraml-value {
      display: flex;
      align-items: baseline;

      .abnoraml-title {
        flex: 1
      }

      .show-detail {
        margin-left: 1rem;
      }
    }

    .copy-value {
      cursor: pointer;
    }

		.example {
			line-height: 1.2;

			& + .example {
				margin-top: 0.5rem;
			}
		}
	}
}

.info-overlay {
  span {
    display: inline-block;
    vertical-align: middle;
    &:first-child {
      margin-right: 0.5rem;
    }
  }
}
